<!DOCTYPE html>
<html lang="en" style="background:#fff;">
<head>
    <base href="${basePath}">
    <#include "common/top.html"/>
</head>
<body style="background:#fff;">
<form class="layui-form layui-form-pamel" name="form1" id="form1" method="post">
    <div class="searchbox demoTable" id="searchbox">
        <div class="layui-form-item">
                                                                                        <!--<div class="layui-inline">-->
                        <!--<label class="layui-form-label">入库时间：</label>-->
                        <!--<div class="layui-input-inline">-->
                            <!--<input class="layui-input" type="text" maxlength="50" name="workDate" id="workDate" placeholder="请输入入库时间"/>-->
                        <!--</div>-->
                    <!--</div>-->
                                                                                                        <!--<div class="layui-inline">-->
                        <!--<label class="layui-form-label">数据来源：</label>-->
                        <!--<div class="layui-input-inline">-->
                            <!--<input class="layui-input" type="text" maxlength="50" name="dataSource" id="dataSource" placeholder="请输入数据来源"/>-->
                        <!--</div>-->
                    <!--</div>-->
                                                                                                        <!--<div class="layui-inline">-->
                        <!--<label class="layui-form-label">湿度：</label>-->
                        <!--<div class="layui-input-inline">-->
                            <!--<input class="layui-input" type="text" maxlength="50" name="humitidy" id="humitidy" placeholder="请输入湿度"/>-->
                        <!--</div>-->
                    <!--</div>-->
                                                                                                        <!--<div class="layui-inline">-->
                        <!--<label class="layui-form-label">埋深变化：</label>-->
                        <!--<div class="layui-input-inline">-->
                            <!--<input class="layui-input" type="text" maxlength="50" name="depthChange" id="depthChange" placeholder="请输入埋深变化"/>-->
                        <!--</div>-->
                    <!--</div>-->
                                                                                                        <div class="layui-inline">
                        <label class="layui-form-label">电压：</label>
                        <div class="layui-input-inline">
                            <input class="layui-input" type="text" maxlength="50" name="voltage" id="voltage" placeholder="请输入电压"/>
                        </div>
                    </div>
                                                                                                        <div class="layui-inline">
                        <label class="layui-form-label">埋深：</label>
                        <div class="layui-input-inline">
                            <input class="layui-input" type="text" maxlength="50" name="depth" id="depth" placeholder="请输入埋深"/>
                        </div>
                    </div>
                                                                                                        <div class="layui-inline">
                        <label class="layui-form-label">分站名称：</label>
                        <div class="layui-input-inline">
                            <input class="layui-input" type="text" maxlength="50" name="stationName" id="stationName" placeholder="请输入分站名称"/>
                        </div>
                    </div>
                      <!--<div class="layui-inline">-->
                        <!--<label class="layui-form-label">工作状态：</label>-->
                        <!--<div class="layui-input-inline">-->
                            <!--<input class="layui-input" type="text" maxlength="50" name="operativeMode" id="operativeMode" placeholder="请输入工作状态"/>-->
                        <!--</div>-->
                    <!--</div>-->
                      <!--<div class="layui-inline">-->
                        <!--<label class="layui-form-label">信号：</label>-->
                        <!--<div class="layui-input-inline">-->
                            <!--<input class="layui-input" type="text" maxlength="50" name="signal" id="signal" placeholder="请输入信号"/>-->
                        <!--</div>-->
                    <!--</div>-->
                       <!--<div class="layui-inline">-->
                        <!--<label class="layui-form-label">气温：</label>-->
                        <!--<div class="layui-input-inline">-->
                            <!--<input class="layui-input" type="text" maxlength="50" name="weater" id="weater" placeholder="请输入气温"/>-->
                        <!--</div>-->
                    <!--</div>-->
                     <!--<div class="layui-inline">-->
                        <!--<label class="layui-form-label">水位标高：</label>-->
                        <!--<div class="layui-input-inline">-->
                            <!--<input class="layui-input" type="text" maxlength="50" name="waterLevel" id="waterLevel" placeholder="请输入水位标高"/>-->
                        <!--</div>-->
                    <!--</div>-->
                    <div class="layui-inline">
                        <label class="layui-form-label">温度：</label>
                        <div class="layui-input-inline">
                            <input class="layui-input" type="text" maxlength="50" name="temperture" id="temperture" placeholder="请输入温度"/>
                        </div>
                    </div>
                                                                                                        <div class="layui-inline">
                        <label class="layui-form-label">监测时间：</label>
                        <div class="layui-input-inline">
                            <input class="layui-input" type="text" maxlength="50" name="monitorDate" id="monitorDate" placeholder="请输入监测时间"/>
                        </div>
                    </div>
                                                                                                        <div class="layui-inline">
                        <label class="layui-form-label">分站号：</label>
                        <div class="layui-input-inline">
                            <input class="layui-input" type="text" maxlength="50" name="stationId" id="stationId" placeholder="请输入分站号"/>
                        </div>
                    </div>
                                        <input type="button" value="查询" onclick="$.table.search()" class="layui-btn layui-btn-red"/>
        </div>
    </div>
</form>

<div style="overflow:auto;width: 100%;padding-bottom: 20px;">
    <table id="simple-table" class="layui-table" lay-filter="simple-table">
    </table>
    <script type="text/html" id="barTable">
        <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="detailsFlag" title="详情">详情</a>
        <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="editFlag" title="编辑">编辑</a>
        <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="delFlag" title="删除">删除</a>
    </script>

    <script type="text/html" id="toolbarTable">
        <div class="layui-inline" title="添加" lay-event="addFlag"><i class="layui-icon layui-icon-add-circle"></i></div>
        <div class="layui-inline" title="导出" lay-event="exportExcel"><i class="layui-icon layui-icon-export"></i></div>
    </script>
</div>

</body>
</html>

<script type="text/javascript">

    var prefix = basePath + "monitor/floor";

    var options = {
        id: 'simple-table',
        url: prefix + '/monitorFloorlistPage',
        javaField:'workDate',    //主键
        addUrl: prefix + '/addMonitorFloor',   //添加
        deleteUrl: prefix + '/deleteMonitorFloor',    //删除
        editUrl: prefix + '/toEditMonitorFloor?workDate=',   //编辑
        exportUrl: prefix + '/exportMonitorFloor',    //导出
        importTemplate: prefix + '/impTempMonitorFloor',   //下载导入模板
        importTemplateUrl: prefix + '/impTempMonitorFloorUrl',    //导入
        addFull: false, //弹出框最大化
        editFull: false, //弹出框最大化
        toolbar: '#toolbarTable',  //开启工具栏
        modalName:'地面监测',
        cols: [[
            // {type:'numbers', title: '序号',width:50}
            {field:'stationId', title: '分站号'}
            ,{field:'monitorDate', title: '监测时间'}
            ,{field:'temperture', title: '温度'}
            ,{field:'waterLevel', title: '水位标高'}
            ,{field:'weater', title: '气温'}
            ,{field:'signal', title: '信号'}
            ,{field:'operativeMode', title: '工作状态'}
            ,{field:'stationName', title: '分站名称'}
            ,{field:'depth', title: '埋深'}
            ,{field:'voltage', title: '电压'}
            ,{field:'depthChange', title: '埋深变化'}
            ,{field:'humitidy', title: '湿度'}
            ,{field:'dataSource', title: '数据来源'}
            // ,{field:'workDate', title: '入库时间'}
            ,{title: '操作' ,width:178, align:'center', toolbar: '#barTable'}
        ]],
        page: true
    };

    var init = $.table.init(options);

</script>
